@extends('layouts.mobile_main')

@section('title', '充值成功')

@section('resources')
    @parent
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/public.css?v={{env('CSS_VERSION')}}">
    <link rel="stylesheet" href="{{env('CSS_DOMAIN')}}css/check.css?v={{env('CCS_VERSION')}}">
    <script src="{{ env('JS_DOMAIN') }}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
@endsection

@section('content')
	<div class="paysu_outer">
    	<header class="pay_sure oh" style="background-color: #fff;">
    		{{--<a class="fl" href="javascript:history.go(-1);">--}}
    		    {{--<img class="fl" src="{{env('IMAGE_DOMAIN')}}/images/back_p.png?v={{env('IMAGE_VERSION')}}" alt="">--}}
    		{{--</a>--}}
    		<span class="fl co_violet fz_48" style="margin: 0;width: 100%;text-align: center;">充值成功</span>
    	</header>
    	<section class="welfare_center">
                <div class="tc recharge_success">
                    {{--<p class="fz_50">充值<span class="co_violet">{{$money}}</span>元</p>--}}
                    <p class="fz_50">
                        <img class="recharge_wait_img" src="{{env('IMAGE_DOMAIN')}}images/recharge_success.png?v={{env('IMAGE_VERSION')}}" alt="">
                        已成功翻倍到账
                        <span class="co_violet">{{$doublemoney}}</span>
                    </p>
                </div>
                <a href="/mobile/wallet/index">
                    <div class="tc" style="background: #fff;margin: 0.2rem 0;padding: 0.5rem 0;">
                        <p class="fz_50 co_orange recharge_wait_prompt">立即跳转(5s后自动)</p>
                        <!-- <button class="recharge_success_btn fz_50 tc co_white">分享至朋友圈</button> -->
                    </div>
                </a>
    		<p class="oh recharge_schedule">
    			<span></span>
    			<span class="fz_44 co_violet">充值详情</span>
    		</p>
    		<div class="oh recharge_schedule1">
    			<div class="fl recharge_schedule1div">
                    <p class="fz_36 co_gray">充值时间: {{date('Y-m-d H:i', strtotime($created_at))}}</p>
                    <p class="fz_36 co_gray">充值金额: {{$money}}</p>
    				<p class="fz_36 co_gray">服务费: {{env('RECHARGE_FEE')*100}}%</p>
                    <div class="fz_44" style="width: 10rem;margin-top: 0.1rem;">
                        <p class="fl">{{$path}}支付充值{{$money+$money*env('RECHARGE_FEE')}}</p>
                    </div>
    			</div>
    		</div>
    	</section>
    </div>
@endsection

@section('scriptResources')
    @parent
    <script>
        window.onresize=function(){
       		pagesp();
        }
        $(function(){
            var seconds = 5;
            var timer=setInterval(function(){
                seconds = seconds-1;
                if(seconds == 0){
                    window.open("/mobile/wallet/index","_self");
                    clearInterval(timer);
                }else{
                    $(".recharge_wait_prompt").html("立即跳转("+seconds+"s后自动)")
                }
            },1000)
            var paysu_outer_h=$(window).height();
            $(".paysu_outer").css({"min-height":paysu_outer_h});
        })
    </script>
@endsection